function showLoadingImage(id){
    $('#'+id).addClass('relative_position');
    $('#'+id).append('<div class="indicator">&nbsp;</div>');
}
function removeLoadingImage(id){
    $('#'+id).removeClass('relative_position');
    $('#'+id+' .indicator').remove();
}
function LoadAjaxPage(url, id) {
	showLoadingImage(id);	
	jQuery.get(url, function(data) {
		jQuery('#' + id).html(data);
	});
}

function submit_ajax_form(form_id, container_id) // using loading image 2, TODO: integrate with previous one
{
	var f = $('#'+form_id);
	$.ajax({
		url:     f.attr('action'),
		type:    f.attr('method'),
		data:    f.serialize(),
		success: function(data){
                removeLoadingImage(container_id)
		  $('#'+container_id).html(data);
	    }
	});
        showLoadingImage(container_id);
        return false;
}

function generatePopup(url, lightbox_class)
{
	$('body').append($('<div></div>').attr({'id' : 'popupContainer'}));
	$("body").append($('<div></div>').attr({'id' : 'lightBoxContener'}));

	$('#lightBoxContener').addClass('lightBoxCont');
        if(lightbox_class !== undefined){
            $('#lightBoxContener').addClass(lightbox_class);
        }
	$("#popupContainer").click(function(){
		closePopup();
	});

	$("#popupContainer").height(Math.max(document.body.scrollHeight,window.innerHeight));
	$("#popupContainer").show();
	$("#lightBoxContener").show();

	$('html,body').animate({scrollTop: 0}, 600);
	jQuery('#lightBoxContener').html("<div class='indicator'>&nbsp;</div>");

	var light_id =  'lightBoxContener';
        showLoadingImage(light_id);

	jQuery.get(url, function(data) {
		jQuery('#' + light_id).html(data);
                jQuery("#popupContainer").height(Math.max(document.body.scrollHeight, window.innerHeight ));
	});
}


function closePopup()
{
	$("#lightBoxContener").fadeOut('slow',function(){
		$(this).remove();
		$('#popupContainer').fadeOut('slow',function(){
			$(this).remove();
		});
	});
}
function popup(name,url,width,height){
    window.open(url,"",'width='+width+',height='+height);
    return false;
}
$(document).ready(function() {
   $('.menu .menu_item').hover(
  function () {
     $(this).find('ul.sub_menu').show();
  }, 
  function () {
    $(this).find('ul.sub_menu').hide();
  });
 });